<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
<h1>用户登录</h1>
用户名：<input name="username" type="text" id="username"><br>
密码：<input name="password" type="password" id="password"><br>
<input type="button" value="登录" onclick="login()">

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
  function login() {
    console.log("登录...");
    $.ajax({
      url: "/user/login",
      type: "post",
      data:{
        "username": $("#username").val(),
        "password": $("#password").val()
      },
      success:function(result){
        if(result){
          //成功后页面跳转
          location.href = "/index.html";
          // location.assign();
        }else{
          alert("密码错误");
        }
      }
    });
  }
</script>
</body>

</html>